<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户角色-详情</title>
    <link rel="stylesheet" href="./css/background/user-particulars.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3329812_ganj9sgjv4l.css">
    <!-- 引入jquery -->
    <script type="text/javascript" src="//code.jquery.com/jquery-1.8.2.min.js"></script>
    <!-- 引入js -->
    <script src="./js/background/user-particulars.js"></script>
</head>

<body>
    <!-- 左边的大导航栏 -->
    <div class="feature">
        <p>图书管理后台</p>
        <!-- 管理员信息 -->
        <div class="administrator">
            <div class="avatar">
                <img src="./imgs/imgs10.jpeg">
                <div class="administrator-detail">
                    <a href="#">超级管理员</a>
                    <a href="#"><i class="iconfont icon-yuandian common"></i>在线</a>
                </div>
            </div>
        </div>
        <!-- 导航栏-功能 -->
        <div class="menu-list">
            <ul>
                <li class="first-menu"><a href="./homepage.html"><i class="iconfont icon-zhuye common"></i>主页</a>
                </li>
                <li class="first-menu"><a href="javascript:;" class="displays"><i
                            class="iconfont icon-xitong common"></i>系统管理
                        <i class="iconfont icon-jiantouxia"></i></a>
                    <ul class="display-ul">
                        <li class="second-menu"><a href="./systemctrol.html">图书管理</a></li>
                    </ul>
                </li>

                <li class="first-menu"><a href="javascript:;" class="displays1" id=""><i
                            class="iconfont icon-jiaose common"></i>角色管理
                        <i class="iconfont icon-jiantouxia"></i></a>
                    <ul class="display-ul1">
                        <li class="second-menu"><a href="javascript:;">用户角色</a></li>
                        <li class="second-menu"><a href="./user-returnbooks.html">用户还书借书</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- 右边内容 -->
    <div class="right-nav">
        <!-- 顶部导航信息 -->
        <div class="information">
            <a href="#" class="information-user">超级用户<i class="iconfont icon-jiantouxia"></i>
                <ul class="list">
                    <li class="out">退出登录</li>
                </ul>
            </a>
            <a href="#"><i class="iconfont icon-shezhi1"></i></a>
        </div>

        <!-- 中间部分 -->
        <div class="center">
            <!-- 二级菜单提示 -->
            <div class="title">
                <p><i class="iconfont icon-top_yonghujiaose"></i>角色管理>用户角色>详情</p>
            </div>

            <!-- 用户角色-详情表单 -->
            <div class="user-table-details">
                <form action="#">
                    <div class="users book-id displayid">
                        <label>id:</label>
                        <input type="text" value="{{book.id}}">
                    </div>
                    <div class="users user-name">
                        <label>用户名:&nbsp; &nbsp; </label>
                        ${{book.username}}
                    </div>
                    <div class="users user-password">
                        <label>密码:&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; </label>
                        ${{book.number}}
                    </div>
                    <div class="users user-company">
                        <label>公司: &nbsp; &nbsp;&nbsp;</label>
                        ${{book.author}}
                    </div>
                    <div class="users user-profession">
                        <label>职位:&nbsp; &nbsp;&nbsp;</label>
                        ${{book.publication}}
                    </div>
                    <div class="users user-isadministration">
                        <label>是否为管理员:&nbsp;</label>
                        ${{book.prize}}
                    </div>
                    <div class="admition">
                        <button class="admit-common removal" type="button">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

</html>